page{
	position: relative;
}
.pages{
	width: 100%;
	overflow-x:hidden;
	min-height: 100%;
}
.slot-wrap
{
	display: flex;
	align-items: center;
	padding: 0 30rpx;
	height: 64rpx;
	box-sizing: border-box;
	.searchbar
	{
		display: flex;
		align-items: center;
		width: 480rpx;
		background-color: #3A353E;
		height: 64rpx;
		border-radius: 32rpx;
		padding: 0 20rpx;
		box-sizing: border-box;
		
		.search
		{
			width: 40rpx;
			height: 40rpx;
			margin-right: 20rpx;
		}
		// input
		// {
		// 	color: #FFFFFF;
		// 	font-size: 26rpx;
		// 	width: 360rpx;
		// }
		.input
		{
			width: 370rpx;
		}
		.clear
		{
			width: 24rpx;
			height: 24rpx;
		}
		
	}
}
.filterview
{
	width: 750rpx;
	position: absolute;
	z-index: 99;
	padding: 10rpx 0 0 30rpx;
	height: 333rpx;
	box-sizing: border-box;
	padding-bottom: 0;
	// background: rgba(46, 45, 48, 0.85);
	// box-shadow: 0px 2rpx 6rpx rgba(32, 32, 32, 0.5);
	// backdrop-filter: blur(8rpx);
	// border-bottom-left-radius: 40rpx;
	// border-bottom-right-radius: 40rpx;
	.item
	{
		display: flex;
		margin-bottom: 30rpx;
		.title
		{
			width: 124rpx;
			height: 40rpx;
			text-align: center;
			line-height: 40rpx;
			// border-radius: 20rpx 6rpx 20rpx 6rpx;
			// border: 1rpx solid #FFF29A;
			// color: #FFFFFF;
			color: #9A95A0;
			font-size: 22rpx;
			margin-right: 10rpx;
			&.active{
				border-radius: 20rpx 6rpx 20rpx 6rpx;
				border: 1rpx solid #FFF29A;
				color: #FFFFFF;
			}
		}
		.content
		{
			display: flex;
			align-items: center;
			color: #9A95A0;
			flex-wrap: wrap;
			width: 580rpx;
			&.maxHeight{
				max-height: 420rpx;
				//8行48个标签
				overflow-y: scroll;
			}
			&.h60{
				height: 60rpx;
				overflow: hidden;
			}
			.name
			{
				margin: 0 6rpx;
				// min-width: 72rpx;
				padding: 0 8rpx;
				text-align: center;
				box-sizing: border-box;
				font-size: 22rpx;
				// display: flex;
				// align-items: center;
				height: 35rpx;
				line-height: 30rpx;
				border: 1rpx solid rgba(0,0,0,0);

				image
				{
					width: 15rpx;
					height: 15rpx;
					margin-left: 10rpx;
				}
			}
			.theme
			{
				margin-bottom: 20rpx;
			}
			.active
			{
				border: 1rpx solid #FFF29A;
				// border-radius: 10rpx;
				color: #fff;
				border-radius: 20rpx 6rpx 20rpx 6rpx;
				
			}
			.ppnum
			{
				// margin: 0 4rpx;
				// min-width: 66rpx;
			}
			.nn
			{
				display: flex;
				align-items: center;
				margin-left: 16rpx;
			}
		}
	}
}

.line
{
	width: 100%;
	height: 2rpx;
	background-color: #56525E;
	margin-bottom: 30rpx;
}
.open{
	display: flex;
	// align-items: center;
	height: 30rpx;
	.open-line{
		width: 260rpx;
		height: 1rpx;
		background-color: #56525E;
	}
	.open-more{
		width: 140rpx;
		text-align: center;
		color: #fff;
		font-size: 24rpx;
		line-height: 0;
	}
}
.juben{
	width: 750rpx;
	position: absolute;
	top: 510rpx;
	z-index: 20;
	overflow: hidden;
	.nodata{
		margin-top: 100rpx;
		text-align: center;
		color: #fff;
		image{
			width: 750rpx;
			height: 460rpx;
		}
	}
}
.result
{
	margin-left: 30rpx;
	font-size: 24rpx;
	color: #FFFFFF;
}
.list
{
	padding: 30rpx;
	box-sizing: border-box;
	.item
	{
		display: flex;
		align-items: center;
		// padding: 20rpx;
		box-sizing: border-box;
		margin-bottom: 40rpx;
		.imgbox
		{
			width: 180rpx;
			height: 256rpx;
			border-radius: 20rpx;
			position: relative;
			.img
			{
				width: 100%;
				height: 100%;
				border-radius: 20rpx;
			}
			.label
			{
				width: 116rpx;
				height: 32rpx;
				position: absolute;
				left: 0;
				top: 0;
				.labelbody
				{
					position: relative;
					image
					{
						width: 100%;
						height: 32rpx;
						vertical-align: top;
					}
					.labelname
					{
						position: absolute;
						left: 0;
						top: 0;
						width: 90%;
						height: 32rpx;
						line-height: 32rpx;
						text-align: center;
						font-size: 20rpx;
						color: #FFFFFF;
					}
				}
			}
		}
		.info
		{
			position: relative;
			height: 256rpx;
			margin-left: 30rpx;
			width: 480rpx;
			.info-top{
				position: absolute;
				top: 0;
			}
			.info-bot{
				position: absolute;
				bottom: 0;
			}
			.name
			{
				display: flex;
				align-items: center;
				.tip
				{
					width: 32rpx;
					height: 32rpx;
					text-align: center;
					line-height: 32rpx;
					background-color: #FFF29A;
					color: #312C39;
					font-size: 20rpx;
					border-radius: 6rpx;
				}
				.n_name
				{
					font-size: 32rpx;
					font-weight: 400;
					color: #FFFFFF;
					margin-left: 15rpx;
				}
			}
			.mark
			{
				display: flex;
				flex-wrap: wrap;
				margin-top: 15rpx;
				.markname
				{
					padding: 4rpx 8rpx;
					border-radius: 4rpx;
					background-color: #47424F;
					color: #FFFFFF;
					font-size: 20rpx;
					text-align: center;
					margin-right: 15rpx;
					margin-bottom: 15rpx;
				}
			}
			.menu
			{
				margin-top: 4rpx;
				display: flex;
				.menuitem
				{
					display: flex;
					align-items: center;
					margin-right: 30rpx;
					.menuimg
					{
						width: 24rpx;
						height: 24rpx;
					}
					text
					{
						font-size: 22rpx;
						color: #FFFFFF;
						margin-left: 10rpx;
					}
				}
			}
			.bom
			{
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-top: 20rpx;
				.price
				{
					font-size: 36rpx;
					font-weight: bold;
					color: #FFF29A;
					text
					{
						font-size: 26rpx;
						font-weight: 100;
					}
					.ren
					{
						font-size: 22rpx;
					}
				}
				.yuyue
				{
					width: 128rpx;
					height: 48rpx;
					display: flex;
					align-items: center;
					border: 2rpx solid #FFF29A;
					border-radius: 24rpx;
					justify-content: center;
					// line-height: 46rpx;
					.yimg
					{
						width: 30rpx;
						height: 30rpx;
					}
					text
					{
						font-size: 26rpx;
						color: #FFF29A;
						margin-left: 10rpx;
					}
				}
			}
		}
	}
}
.light{
	background: #fff !important;
}
.light-searchbar{
	background: #fff !important;
	border: 1rpx solid #dedede !important;
}
.light-filterview{
	background: #fff !important;
	color: #333;
}
.light-title{
	color: #333333 !important;
	border: none !important;
	&.active{
		background: linear-gradient(107deg,#ff9458, #ff7c7c 100%) !important;
		color: #fff !important;
	}
}
.light-name{
	color: #333333 !important;
	border: none;
	&.active{
		background: linear-gradient(107deg,#ff9458, #ff7c7c 100%) !important;
		color: #fff !important;
	}
}
.light-open-more{
	color: #333 !important;
}
.light-juben{
	background: #fff !important;
}
.light-result{
	color: #333 !important;
}
.light-tip{
	background: #FF7664 !important;
	color: #fff !important;
}
.light-n_name{
	color: #333 !important;
}
.light-markname{
	background: #ffa573 !important;
	border-radius: 2rpx;
	color: #fff !important;
}
.light-yuyue{
	border: 1rpx solid #ff8b66 !important;
}
.light-yuyue-text{
	color: #ff8b66 !important;
}